
<table class="head">
  <tr class="tr1">
    <th colspan="3"></th>
    <td></td>
    <td style="width: 370px"></td>
    <td style="width: 200px;text-align:center;"><img src="assets/image/title.jpg" width="142px" height="41px"/>
      <img src="assets/image/logo.jpg" width="40px" height="40px">
    </td>
    <td style="width: 550px;text-align:right;">
    </td>
    <td style="width: 100px;text-align:center;"><nav>
      <button  class="button"  (click)="nologin()" routerLink="/login" ><a>注销</a></button>
    </nav></td>
  </tr>
  <tr class="tr2">
    <th class="list" style="width: 150px;"><a routerLink="/checktable">考勤登记表</a> </th>
    <th> > </th>
    <th class="list" style="width: 150px">填写请假申请</th>
    <td colspan="3"></td>
    <td style="width: 100px;text-align:right;"></td>
    <td style="width: 100px"><button (click)="showList()" class="list">菜单</button></td>
  </tr>
</table>
<ul id="sub_menu" style="display: none;float: right">
  <table class="sub_menu" width="150px" height="200px"  style=" text-align:center;">
    <tr>
      <td><a routerLink="/newLeave">填写出差申请</a></td>
    </tr>
    <tr>
      <td><a routerLink="/newVacation">填写请假申请</a></td>
    </tr>
    <tr>
      <td><a routerLink="/leaveConfirm">审批出差申请</a></td>
    </tr>
    <tr>
      <td><a routerLink="/vacationConfirm">审批请假申请</a></td>
    </tr>
    <tr>
      <td><a routerLink="/records">查看申请记录</a></td>
    </tr>
  </table>
</ul>
<div id="newpage">
  <label id="pname">姓名</label>
  <input id="name" value="" #box (keyup)="getMyName(box.name)">
  <label id="pdepartment">部门</label>
  <input id="department"  value=""  #box (keyup.enter)="getMyDeparment(box.deparment)">
  <br>
  <label id="pbegintime">开始时间 </label>
  <input id="begintime" value="" (change)="changeTime()" type="date" >
  <label id="pendtime">结束时间 </label>
  <input id="endtime" value=""   (change)="changeTime()" type="date" >
  <br>
  <label id="ptotaltime">请假时长 </label>
  <input id="totaltime" [(ngModel)]="Days.days" placeholder="days">
  <br>
  <label id="pchoose">请假类别（单选） </label>
  <form id="choose" action="" method="get">
    <label><input  name="vacationchoose" type="radio" value="事假" />事假 </label>
    <label><input  name="vacationchoose" type="radio" value="病假" />病假 </label>
    <label><input  name="vacationchoose" type="radio" value="婚假" />婚假 </label>
    <label><input  name="vacationchoose" type="radio" value="产假" />产假</label>
    <label><input  name="vacationchoose" type="radio" value="年假" />年假</label>
  </form>
  <br>
  <label id="preason">事由 </label>
  <input id="reason" value="">
  <br><br><br><br>
  <button id="submit" class="submit" >提交</button>
  <a routerLink="/checktable"><button class="goback">返回</button></a>
</div>
<br><br><br><br><br><br><br><br>
